﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html>
    <head>
    @Html.IncludeScript("~/Content/Js/jquery.min.js")
        <title>众禧贷</title>
        <style>
            .p-box {
                border-bottom: 1px solid #e5e5e5;
                padding-bottom: 10px;
            }

            .p-box-top { margin-top: 10px; }

            .p-box-bottom { margin-bottom: 10px; }

            .p-table {
                padding-left: 26px;
                padding-right: 26px;
            }

            .p-table1 { padding-right: 26px; }

            .p-nav { list-style: none; }

            .p-nav-tabs { margin-top: 20px; }

            .p-nav-tab {
                border-bottom: 2px solid #e5e5e5;
                float: left;
                font-size: 16px;
                padding: 16px 26px;
            }

            .p-nav-tab.active {
                border-bottom: none;
                border-left: 1px solid #e5e5e5;
                border-right: 1px solid #e5e5e5;
                border-top: 3px solid #e8362c;
                margin-top: -1px;
            }

            .p-img1 {
                height: 120px;
                width: 160px;
            }

            .ui-box-side1 {
                display: inline;
                float: right;
                width: 340px;
            }

            .p-invest-box1 { margin-left: 16px; }

            .p-invest-box2 {
                -webkit-border-radius: 6px;
                background: #f9f9f9;
                display: block;
                padding-bottom: 20px;
                width: 80%;
            }

            .p-process1 {
                float: left;
                text-align: center;
                width: 375px;
            }

            .p-process2 {
                float: left;
                width: 375px;
            }

            .p-process3 {
                border-left: solid 2px #e74c3c;
                margin-left: 75px;
                padding: 5px 0 20px 75px;
            }

            .p-process4 { padding: 5px 0 20px 0; }

            .p-active {
                color: #e74c3c;
                font-size: 16px;
            }

            .p-process-point {
                display: block;
                left: 65px;
                position: relative;
            }

            .p-process-point1 { top: 24px; }

            .p-process-point2 { top: 72px; }

            .p-process-point3 { top: 118px; }

            .p-process-point4 { top: 166px; }

            .p-process-point5 { top: 208px; }

            .p-process-point6 { top: 256px; }

            .p-process-point7 { top: 300px; }

            .p-process-point8 { top: 348px; }

            button.bid-submit {
                -webkit-border-radius: 2px;
                background: #ffa024;
                border: 1px solid #ffa024;
                color: #fff;
                font-size: 16px;
                height: 40px;
                line-height: 40px;
                margin: 10px 0;
                width: 256px;
            }

            input.bid-money {
                -webkit-border-radius: 6px;
                border: 1px solid #c0c0c0;
                height: 34px;
                margin: 10px 0;
                width: 256px;
            }
        </style>

    </head>

    <body>

    <div style="background: #f8f8f8; border-bottom: 1px solid #e5e5e5; display: block; height: 23px;"></div>

    <div style="padding: 20px 0;">
        <div class="ui-inner">
            <div class="fn-clear">
                <div class="ui-box-mian">
                
                    <div id="LoanInfo" class="nav">
                        <div style="border-bottom: solid 2px #e5e5e5; font-size: 16px; height: 40px; line-height: 40px; margin-bottom: 22px; padding-top: 20px; width: 100%;">贷款信息</div>
                        <div class="p-box p-table font-size14">
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <td class="td td1">
                                            融资企业:
                                        </td>
                                        <td class="td td2">
                                            <input id="LoanInfoValue01" name="Value01"/>
                                        </td>
                                        <td class="td td3">
                                            成立时间:
                                        </td>
                                        <td class="td td4">
                                            <input id="LoanInfoValue02" name="Value02"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="td td1">
                                            所属行业:
                                        </td>
                                        <td class="td td2">
                                            <input id="LoanInfoValue03" name="Value03"/>
                                        </td>
                                        <td class="td td3">
                                            注册资金:
                                        </td>
                                        <td class="td td4">
                                            <input id="LoanInfoValue04" name="Value04"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="td td1">
                                            资金用途:
                                        </td>
                                        <td class="td td2">
                                            <input id="LoanInfoValue05" name="Value05"/>
                                        </td>
                                        <td class="td td3">
                                            总融资额度:
                                        </td>
                                        <td class="td td4">
                                            <input id="LoanInfoValue06" name="Value06"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="td td1">
                                            反担保物:
                                        </td>
                                        <td class="td td2">
                                            <input id="LoanInfoValue07" name="Value07"/>
                                        </td>
                                        <td class="td td3">
                                            反担保物估值:
                                        </td>
                                        <td class="td td4">
                                            <input id="LoanInfoValue08" name="Value08"/>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="p-box p-table font-size14">
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <td class="td td1">
                                            经营情况:
                                        </td>
                                        <td class="tdb td5">
                                            <input id="LoanInfoValue09" name="Value09"/>
                                        </td>
                                    </tr>
                                    <tr class="tr1">
                                        <td class="tdb td1">
                                            还款来源:
                                        </td>
                                        <td class="tdb td5">
                                            <input id="LoanInfoValue10" name="Value10"/>
                                        </td>
                                    </tr>
                                    <tr class="tr1">
                                        <td class="tdb td1">
                                            征信记录:
                                        </td>
                                        <td class="tdb td5">
                                            <input id="LoanInfoValue11" name="Value11"/>
                                        </td>
                                    </tr>
                                    <tr class="tr1">
                                        <td class="tdb td1">
                                            涉诉情况:
                                        </td>
                                        <td class="tdb td5">
                                            <input id="LoanInfoValue12" name="Value12"/>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                
                    <button id="LoanInfoBtn">生成</button>
                    <div id="LoanInfoString"></div>

                    <div id="ProjectProcess" class="nav hide">
                        <div style="border-bottom: solid 2px #e5e5e5; font-size: 16px; height: 40px; line-height: 40px; margin-bottom: 22px; padding-top: 20px; width: 100%;">项目历程</div>
                        <div class="font-size14 p-box">
                            <div class="p-process1">
                                项目历程
                            </div>
                            <div>
                                项目时间
                            </div>
                        </div>
                        <div id="process-1" class="font-size14">
                            <div class="p-process2">
                                <div class="p-process3">
                                    担保公司推荐
                                </div>
                            </div>
                            <div class="p-process4">
                                <input id="ProjectProcessValue01" name="Value01"/>
                            </div>
                        </div>
                        <div id="process-2" class="font-size14">
                            <div class="p-process2">
                                <div class="p-process3">
                                    项目尽职调查
                                </div>
                            </div>
                            <div class="p-process4">
                                <input id="ProjectProcessValue02" name="Value02"/>
                            </div>
                        </div>
                        <div id="process-3" class="font-size14">
                            <div class="p-process2">
                                <div class="p-process3">
                                    项目提交风控部
                                </div>
                            </div>
                            <div class="p-process4">
                                <input id="ProjectProcessValue03" name="Value03"/>
                            </div>
                        </div>
                        <div id="process-4" class="font-size14">
                            <div class="p-process2">
                                <div class="p-process3">
                                    风控审核通过
                                </div>
                            </div>
                            <div class="p-process4">
                                <input id="ProjectProcessValue04" name="Value04"/>
                            </div>
                        </div>
                        <div id="process-5" class="font-size14">
                            <div class="p-process2">
                                <div class="p-process3">
                                    项目评审会决策通过
                                </div>
                            </div>
                            <div class="p-process4">
                                <input id="ProjectProcessValue05" name="Value05"/>
                            </div>
                        </div>
                        <div id="process-6" class="font-size14">
                            <div class="p-process2">
                                <div class="p-process3">
                                    项目上线
                                </div>
                            </div>
                            <div class="p-process4">
                                <input id="ProjectProcessValue06" name="Value06"/>
                            </div>
                        </div>
                        <div id="process-7" class="font-size14">
                            <div class="p-process2">
                                <div class="p-process3">
                                    融资成功
                                </div>
                            </div>
                            <div class="p-process4">
                                <input id="ProjectProcessValue07" name="Value07" value="--"/>
                            </div>
                        </div>
                        <div id="process-8" class="font-size14 ">
                            <div class="p-process2">
                                <div class="p-process3">
                                    项目还款
                                </div>
                            </div>
                            <div class="p-process4">
                                <input id="ProjectProcessValue08" name="Value08" value="--"/>
                            </div>
                        </div>
                    </div>
                </div>
            
                <button id="ProjectProcessBtn">生成</button>
                <div id="ProjectProcessString"></div>

                <div id="RiskControl">
                    <div style="border-bottom: solid 2px #e5e5e5; font-size: 16px; height: 40px; line-height: 40px; margin-bottom: 22px; padding-top: 20px; width: 100%;">风险控制</div>
                
                    <div class="font-size14 p-table1">
                        <table class="table">
                            <tbody>
                                <tr>
                                    <td class="tda td7">
                                        连带责任
                                    </td>
                                    <td class="tda">
                                        <input id="RiskControlValue01" name="Value01"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tda td7">
                                        资产抵押
                                    </td>
                                    <td class="tda">
                                        <input id="RiskControlValue02" name="Value02"/>
                                    </td>
                                </tr>
                                <tr class="p-box">
                                    <td class="tda td7">
                                        保证金
                                    </td>
                                    <td class="tda td8">
                                        <input id="RiskControlValue03" name="Value03"/>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="font-size14 p-table1">
                        <table class="table">
                            <tbody>
                                <tr>
                                    <td class="td td7">
                                        审核考察
                                    </td>
                                    <td class="td td8">
                                        <input id="RiskControlValue04" name="Value04"/>
                                    </td>
                                </tr>
                                <tr class="tr3">
                                    <td class="td td7">
                                        机构意见
                                    </td>
                                    <td class="td">
                                        <input id="RiskControlValue05" name="Value05"/>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <button id="RiskControlBtn">生成</button>
                <div id="RiskControlString"></div>

            </div>
        </div>
    </div>

    
</html>

<script type="text/javascript">

    $("#LoanInfoBtn").click(function() {
        var data = {};
        data.Key01 = '融资企业';
        data.Key02 = '成立时间';
        data.Key03 = '所属行业';
        data.Key04 = '注册资金';
        data.Key05 = '资金用途';
        data.Key06 = '总融资额度';
        data.Key07 = '反担保物';
        data.Key08 = '反担保物估值';
        data.Key09 = '经营情况';
        data.Key10 = '还款来源';
        data.Key11 = '征信记录';
        data.Key12 = '涉诉情况';

        data.Value01 = $("#LoanInfoValue01").val();
        data.Value02 = $("#LoanInfoValue02").val();
        data.Value03 = $("#LoanInfoValue03").val();
        data.Value04 = $("#LoanInfoValue04").val();
        data.Value05 = $("#LoanInfoValue05").val();
        data.Value06 = $("#LoanInfoValue06").val();
        data.Value07 = $("#LoanInfoValue07").val();
        data.Value08 = $("#LoanInfoValue08").val();
        data.Value09 = $("#LoanInfoValue09").val();
        data.Value10 = $("#LoanInfoValue10").val();
        data.Value11 = $("#LoanInfoValue11").val();
        data.Value12 = $("#LoanInfoValue12").val();

        $("#LoanInfoString").text(JSON.stringify(data));

    });

    $("#ProjectProcessBtn").click(function () {
        var data = {};
        data.Key01 = '担保公司推荐';
        data.Key02 = '项目尽职调查';
        data.Key03 = '项目提交风控部';
        data.Key04 = '风控审核通过';
        data.Key05 = '项目评审会决策通过';
        data.Key06 = '项目上线';
        data.Key07 = '融资成功';
        data.Key08 = '项目还款';

        data.Value01 = $("#ProjectProcessValue01").val();
        data.Value02 = $("#ProjectProcessValue02").val();
        data.Value03 = $("#ProjectProcessValue03").val();
        data.Value04 = $("#ProjectProcessValue04").val();
        data.Value05 = $("#ProjectProcessValue05").val();
        data.Value06 = $("#ProjectProcessValue06").val();
        data.Value07 = $("#ProjectProcessValue07").val();
        data.Value08 = $("#ProjectProcessValue08").val();

        $("#ProjectProcessString").text(JSON.stringify(data));

    });

    $("#RiskControlBtn").click(function () {
        var data = {};
        data.Key01 = '连带责任';
        data.Key02 = '资产抵押';
        data.Key03 = '保证金';
        data.Key04 = '审核考察';
        data.Key05 = '机构意见';

        data.Value01 = $("#RiskControlValue01").val();
        data.Value02 = $("#RiskControlValue02").val();
        data.Value03 = $("#RiskControlValue03").val();
        data.Value04 = $("#RiskControlValue04").val();
        data.Value05 = $("#RiskControlValue05").val();

        $("#RiskControlString").text(JSON.stringify(data));

    });

</script>